import { Flex, Layout } from "antd"
import { Content, Footer, Header } from "antd/es/layout/layout"
import LoginHeader from '../component/login/loginHeader'
import LoginForm from '../component/login/LoginForm'
import LoginButton from "../component/login/LoginBottom"
const layoutStyle = {
    width: '100%',
    minHeight: '100vh',
    background: '#f7f5f5',
    minWidth: '1190px'
}
const headerStyle = {
    width: '100%',
    background: '#fff',
    height: '100px',
    padding: "20px",
    lineHeight: 'inherit'
}
const contentStyle = {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    minHeight: 'calc(100vh - 200px)',
    padding: '30px 0px'
}
const footerStyle = {
    width: '100%',
    background: '#fff',
    height: '100px',
}
function Login() {
    return (
        <>
            <Flex vertical>
                <Layout style={layoutStyle}>
                    <Header style={headerStyle}>
                        <LoginHeader></LoginHeader>
                    </Header>
                    <Content style={contentStyle}>
                        <LoginForm></LoginForm>
                    </Content>
                    <Footer style={footerStyle}>
                        <LoginButton></LoginButton>
                    </Footer>
                </Layout>
            </Flex>
        </>
    )
}
export default Login